<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>MARS</title>
	
	<#include '/common/head.html'>
	<link rel="stylesheet" href="/static/css/index.css">
	<script type="text/javascript" src="/static/js/index.js"></script>
</head>

<body>
	<div id="mainLayout" class="easyui-layout" data-options="fit: true">
		<!-- 上 -->
		<div data-options="region: 'north', border: true" style="height: 68px; overflow: hidden;">
			<a href="/passport/logout">注销</a>
		</div>
		
		<!-- 左 -->
		<div data-options="region: 'west', split: true, minWidth: 210, maxWidth: 300" style="width: 250px;">
		
			<div id="westLayout" class="easyui-layout" data-options="fit: true">
				<div data-options="region: 'center', border: false" style="border-bottom-width: 1px;">
					<div class="easyui-layout" data-options="fit: true">
	                    <div data-options="region: 'north', split: false, border: false" style="border-bottom:1px solid #CCCCCC;background:#F2F2F2;height: 29px;">
							<div class="westPanel-top"> 
								<div id="timerSpan" class="tools-datetime"></div>
								<div id="btoHideWest" class="tools-collapse"><i class="fa fa-angle-double-left fa-lg"></i></div>
							</div>
						</div>
						
	                    <!-- 菜单 -->
	                    <div id="menu_item" data-options="region: 'center', border: false">
	                    </div>
	                </div>
				</div>
				<!-- 菜单分类 -->
				<div data-options="region: 'south', border: false, split: true, minHeight: 32, maxHeight: 275" style="border-top-width: 1px;">
					<ul id="menu_category"></ul>
				</div>
			</div>
			
		</div>
		
		<!-- 中 -->
		<div data-options="region: 'center', border:true">
			<div id="mainTabs_tools" class="tabs-tool">
                <table>
                    <tr>
                        <td><a id="mainTabs_jumpHome" class="easyui-linkbutton easyui-tooltip" title="跳转至主页选项卡" data-options="plain: true, iconCls: 'icon-hamburg-home'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_toggleAll" class="easyui-linkbutton easyui-tooltip" title="展开/折叠面板使选项卡最大化" data-options="plain: true, iconCls: 'icon-standard-arrow-inout'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_jumpTab" class="easyui-linkbutton easyui-tooltip" title="在新页面中打开该选项卡" data-options="plain: true, iconCls: 'icon-standard-shape-move-forwards'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeTab" class="easyui-linkbutton easyui-tooltip" title="关闭当前选中的选项卡" data-options="plain: true, iconCls: 'icon-standard-application-form-delete'"></a></td>
                        <td><a id="mainTabs_closeOther" class="easyui-linkbutton easyui-tooltip" title="关闭除当前选中外的其他所有选项卡" data-options="plain: true, iconCls: 'icon-standard-cancel'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeLeft" class="easyui-linkbutton easyui-tooltip" title="关闭左侧所有选项卡" data-options="plain: true, iconCls: 'icon-standard-tab-close-left'"></a></td>
                        <td><a id="mainTabs_closeRight" class="easyui-linkbutton easyui-tooltip" title="关闭右侧所有选项卡" data-options="plain: true, iconCls: 'icon-standard-tab-close-right'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeAll" class="easyui-linkbutton easyui-tooltip" title="关闭所有选项卡" data-options="plain: true, iconCls: 'icon-standard-cross'"></a></td>
                    </tr>
                </table>
            </div>
			<div id="mainTabs" class="easyui-tabs" data-options="fit: true, border: false, tools: '#mainTabs_tools'">
                <div id="index" data-options="title: '主页', iconCls: 'icon-hamburg-home'">
                	
                </div>
            </div>
		</div>
		
		<!-- 右 -->
		<div data-options="region: 'east'" style="width: 200px;">
			<div class="easyui-layout" data-options="fit: true">
                <div data-options="region: 'north', split: false, border: false" style="height: 220px;">
                	<div class="easyui-layout" data-options="fit: true">
                		<div data-options="region: 'north', split: false, border: false" style="height: 29px;background:#F2F2F2;">
                			<div class="eastPanel-top"> 
								<div id="btoHideEast" class="tools-collapse"><i class="fa fa-angle-double-right"></i></div>
								<div class="tools-bar-list"><!-- 按钮工具栏 --></div>
							</div>
                		</div>
                		
                		<div data-options="region: 'center', split: false, border: false">
                			<div class="easyui-calendar" style="width:198px;height:190px;border:0;"></div>
                		</div>
                	</div>
                	
                </div>
                
                <div data-options="region: 'center', border: false">
                	<div id="eastLayout" class="easyui-layout" data-options="fit: true">
                		<div data-options="region: 'north', split: false, border: false" style="height: 34px;">
               				<div class="online-header"> 
									<div class="tools-collapse"><i class="fa fa-users fa-lg"></i><span>在线用户</span></div>
							</div>
	               		</div>
                		<div data-options="region: 'center', split: false, border: false">
                			战士<br>
                			战士<br>
                			战士<br>
                			战士<br>
                			战士<br>
                			战士<br>
                		</div>
                	</div>
            	</div>
                
                
			</div>
		</div>
		
		<!-- 下 -->
		<div data-options="region: 'south', title: '关于...', iconCls: 'icon-standard-information', collapsed: true, border: false" style="height: 70px;">
		</div>
	</div>
</body>
</html>
